.option{
    /*用div的样式代替select的样式*/
    /*margin: 100px;*/
    margin-top: 0;
    margin-left: 200px;
    margin-bottom: 100px;
    width: 20%;
    height: 40px;
    /*border-radius: 5px;*/
    /*盒子阴影修饰作用,自己随意*/
    /* box-shadow: 0 0 5px #ccc;*/
    border: 1px solid #cccccc;
    position: relative;
}
.option select{
    /*清除select的边框样式*/
    border: none;
    /*清除select聚焦时候的边框颜色*/
    outline: none;
    /*将select的宽高等于div的宽高*/
    width: 100%;
    height: 40px;
    line-height: 40px;
    /*隐藏select的下拉图标*/
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /*通过padding-left的值让文字居中*/
    padding-left: 20px;
}
/*使用伪类给select添加自己想用的图标*/
.option:after{
    content: "";
    width: 14px;
    height: 8px;
    /*background: url() no-repeat center; /*缺少背景图地址*/
    /*通过定位将图标放在合适的位置*/
    position: absolute;
    right: 20px;
    top: 41%;
    /*给自定义的图标实现点击下来功能*/
    pointer-events: none;
}